<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复选框value值拼接</title>
    <script src="../js/jquery-1.8.0.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btn4").click(function () {
                // var tbStatusValue="";
                // $("[name = interest]:checkbox").each(function () {
                //     if ($(this).attr("checked")) {
                //         tbStatusValue += $(this).val() + ",";
                //     }
                // })
                // tbStatusValue = tbStatusValue.substring(0, tbStatusValue.length - 1);
                // alert(tbStatusValue);
                $("[name=interest]:checkbox").attr("checked", true);
            });
        })
    </script>

</head>
<body>

<input type="checkbox" value="唱歌"  name="interest">唱歌&nbsp;
<input type="checkbox" value="跳舞" name="interest"/>跳舞&nbsp;
<input type="checkbox" value="围棋" name="interest"/>围棋&nbsp;
<input type="checkbox" value="绘画" name="interest"/>绘画&nbsp;
<br/>
<input type="button" value="选中的兴趣" id="btn4"/>
</body>
</html>